<!DOCTYPE html>
<html>
<head>
    <title>添加</title>
</head>
<link rel="stylesheet" href="/static/layui/css/layui.css"/>
<body>
<form class="layui-form" id="record-add" action="" lay-filter="add">
    <div class="layui-form-item">
        <label class="layui-form-label">房屋名称：</label>
        <div class="layui-input-inline layui-col-md4">
                <select id="hid" name="hid" lay-verify="required" lay-search="">

                </select>
        </div>
    </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">后勤人员：</label>
        <div class="layui-input-inline layui-col-md4">
            <select id="loid" name="loid" lay-verify="required" lay-search="">

            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">修缮时间：</label>
        <div class="layui-input-inline">
            <input type="tel" name="time" id="time" lay-verify="required" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">备注：</label>
        <div class="layui-input-inline">
            <input type="tel" name="reremark" id="reremark" lay-verify="required" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
        </div>
    </div>
</form>
</body>

<script src="/static/js/jquery-3.3.1.js"></script>
<script src="/static/layui/layui.js"></script>
<script>
    /*laydate.render({
        elem:'#time',//指定元素
        type:'date'  //年选择器
    });*/

    layui.use(['form', 'laydate'], function () {
        var form = layui.form;
        var laydate = layui.laydate;
        laydate.render({
            elem:'#time',//指定元素
            type:'date'  //年选择器
        });
        $.ajax({
            url:"/RecordServlet?method=QueryHid",
            type:"post",
            // data:{},
            dataType:"json",
            async:false,
            success:function (res) {
                console.log(res)
                $.each(res.data,function (i,obj) {
                    $("#hid").append('<option value="'+obj.hid+'">'+obj.hestate + obj.hunitNumber+obj.hroomNo+'</option>');

                });
                form.render('select'); //刷新select选择框渲染
            }
        });

        $.ajax({
            url:"/RecordServlet?method=QueryLoid",
            type:"post",
            // data:{},
            dataType:"json",
            async:false,
            success:function (res) {
                $.each(res.data,function (i,obj) {
                    console.log("下拉列表loid："+obj);
                    $("#loid").append('<option value="'+obj.loid+'">'+obj.loname+'</option>');

                });
                form.render('select'); //刷新select选择框渲染
            }
        });
        //监听提交
        form.on('submit(formDemo)', function (data) {
            var data1 = form.val("add");
            $.ajax({
                url: '/RecordServlet?method=add',
                type: "get",
                dataType: "json",
                data: data1,
                success: function (da) {
                    if (da.code == 200) {
                        layer.alert("添加成功！", function () {
                            // window.parent.location.reload();//刷新父页面
                            // parent.layer.close(layer.index);//关闭弹出层
                            parent.layer.closeAll();
                        });
                    } else {
                        layer.msg("添加失败！");
                    }
                }
            });
            return false;
        });

    });
</script>
</html>